<template>
	<div>
		<div class="Registercontend">
			<div class="contend">
				<a class="cfb-lr-logo" href="/"><img src="../assets/loginLogo.png" alt=""></a>
				<div class="cfb-title">
            <h2 class="title">注册账户</h2>
            <div class="line-l"></div>
            <div class="line-r"></div>
        </div>
				
                <form id="cfb-register-form-all" action="" method="POST" autocomplete="off">
                    <div class="cfb-input-section">
                        <div class="cfb-input">
                            <label for="email">
                                <input type="email" name="email" placeholder="邮箱" required="">
                            </label>
                            <i class="ico-info ico-info-error"></i>
                        </div>
                        <div class="cfb-input">
                            <label for="nickname">
                                <input type="text" name="nickname" placeholder="用户名" required="">
                            </label>
                            <i class="ico-info ico-info-error"></i>
                        </div>
                        <div class="cfb-input">
                            <label for="password">
                                <input type="password" name="password" placeholder="密码" required="">
                            </label>
                            <i class="ico-info ico-info-error"></i>
                        </div>
                        <div class="cfb-input">
                            <label for="confirm">
                                <input type="password" name="confirm" placeholder="确认密码" required="">
                            </label>
                            <i class="ico-info ico-info-error"></i>
                        </div>
                    </div>
                    <div class="cfb-info cfb-clearfix">
                        <span class="cfb-checkbox"><label for="keep-checkbox"><input type="checkbox" id="keep-checkbox">已同意</label><a class="negotiate" href="/terms/">《用户服务协议》</a><a class="negotiate" href="/privacy.html">《隐私政策》</a></span>
                        <div class="cfb-info cfb-info-show cfb-info-error" id="cfb-info-show">确认密码不能为空</div>
                    </div>
                    <div class="cfb-btn-submit">
                        <button type="submit">注册</button>
                    </div>
                </form>
            </div>
			</div>
		</div>
	

		
</template>
				


<script>
export default {};
</script>

<style  scoped>
/* .cfb-btn-submit {
	margin-bottom: 20px;
} */
.cfb-btn-submit button {
	border: 1px solid #3c9;
	background-color: #3c9;
	display: block;
	width: 278px;
	height: 46px;
	margin: 0 auto;
	line-height: 48px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: white;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 0 1px rgb(255 255 255 / 40%);
}
.cfb-info-show {
	color: red;
	margin: 10px;
	clear: both;
	text-align: center;
	text-shadow: 0 0 1px rgb(255 255 255 / 40%);
}
.cfb-checkbox  input{
	vertical-align: middle;
}
.cfb-checkbox {
	color: #fff;
}
.cfb-info .cfb-checkbox a {
	cursor: pointer;
	text-decoration: none;
	color: #3c9;
}
.cfb-info {
	height: 60px;
	font-size: 12px;
	text-shadow: 0 0 1px rgb(255 255 255 / 40%);
}
.cfb-input {
	position: relative;
	margin-top: -1px;
	border-top: 1px solid #e6e6e6;
	background-color: white;
}
.cfb-input input {
	width: 233px;
	padding: 15px 35px 15px 12px;
	border: none;
}
.cfb-input-section {
	font-family: "Helvetica", "XinGothic", "Hiragino Sans GB",
		"WenQuanYi Micro Hei", "Hei SC", "Microsoft Yahei", sans-serif;
	cursor: default;
	color: #fff;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 16px;
	border-radius: 4px;
}
.contend {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.cfb-title {
	position: relative;
	width: 280px;
	margin: 0 auto 20px;
	text-align: center;
}
.cfb-title .title {
	font-size: 16px;
	line-height: 1;
}
.cfb-title .line-l {
	position: absolute;
	top: 6px;
	width: 85px;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.9);
	left: 0;
}
.cfb-title .line-r {
	position: absolute;
	top: 6px;
	width: 85px;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.9);
	right: 0;
}
* {
	margin: 0;
	padding: 0;
}
.Registercontend {
	width: 100%;
	height: 97vh;
	background: url("../assets/LoginBg.jpg") no-repeat;
	background-size: 100% 100vh;
	position: relative;
}
</style>